<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>教师资格证岗前培训</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<style type="text/css">
	*{margin:0;}
	body{width:100%;}
	.header{
		width:1200px;
		background:#1f59db;
		height:150px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top:24px;
	}
	.header_col{
		margin-top:-8px;
		height:70px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.header_line{
		width:30px;
		height: 3px;
		line-height: 3px;
		background: #1cdafa;
		margin-top: -15px;
	}
	.header_left{
		/* border:solid 1px yellow; */
		padding-left:48px;
	}
	.header_right{
		/* border:solid 1px yellow; */
		height: 60px;
		line-height: 60px;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		width:600px;
		padding-right:48px;
	}
	.header_link{
		text-decoration: none;
		color:white;
		font-size: 18px;
	}

	.icons-webm, .icons-webm-2 {
    background-repeat: no-repeat;
}
.icon-android-down {
    background-position: -173px -68px;
    width: 110px;
    height: 24px;
}
	.icons-webm {
    background-image: url(https://mat1.gtimg.com/ipad/downapp2019/webm.png);
    background-image: -webkit-image-set(url(https://mat1.gtimg.com/ipad/downapp2019/webm.png) 1x,url(https://mat1.gtimg.com/ipad/downapp2019/webm_2x.png) 2x);
}
.icons-webm-2 {
    background-image: url(./webm-12.png);
    background-image: -webkit-image-set(url(./webm-12.png) 1x,url(./webm-12_2x.png) 2x);
}

	.image{

    width: 60px;  
    height: 60px;  

	   
 
	}
		.image2{

    width: 200px;  
    height: 200px;  

	   
 
	}
	.layout{
		width:800px;
		font-size: 24px;
		color: white;
		height: 80px;
		line-height: 80px;
		margin-right:100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between
	}

	.col{
		width:100%;
		background: #1f59db;
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		height:720px;
		/* height:830px; */
		/* padding-top:30px; */
	}
	.menu{
		color:#00c355;
		}
	.header_left{
		/* margin-left:100px; */
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		width:600px;
		}

	.fullreal{
		/* border:solid 1px pink; */
			margin-top:10px;
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:630px; */
	}
	.fullreal_row{
		/* border:solid 1px pink; */
			/* margin-top:300px; */
			/* height:300px; */
			/* width:100%; */
			width: 1200px;
		/* background: #1f59db; */
		display:flex;
		flex-direction:row;
		justify-content: center;
		align-items: flex-start;
		/* height:630px; */
	}
	.fullreal_right{
		/* border:solid 1px red; */
		/* height: 400px; */
		/* width:600px; */
		padding-right:48px ;
		background-image: url(./texture_pro.png);
		width: 600px;
    height: 560px;
    background-position: 0 90px;
    background-repeat: no-repeat;
	z-index: 300;
	}
	.fullreal_left{
		padding-left: 48px;
		/* border:solid 1px green; */
		height: 400px;
		width:600px;

	}
	.fullreal_image{
		width: 480px;
    /* height: 857px; */
    /* margin-left: 60px; */
	margin:100px 0px 0px 60px;
	z-index: 300;
	}
	.fullreal_feature_title{
		/* width:1200px; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		margin: 220px 0px 20px 0px;
		font-weight: bold;
	}
	.fullreal_feature_desc{
		/* width:1200px; */
		color:#273b5d;
		font-size: 24px;
		width: 480px;
		line-height: 40px;
	}
	.fullreal_feature_line{
		/* width:1200px; */
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.fullreal_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.fullreal_back_image{
		/* border:solid 1px red; */
	/* width:1200px; */
	height:260px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
		margin-top:-130px;
		z-index: 400;
	}





	.questions{
		/* border:solid 1px pink; */
			margin-top:-70px;
			/* height:300px; */
			/* width:100%; */
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:630px; */
	}
	.questions_row{
		/* border:solid 1px pink; */
			/* margin-top:300px; */
			/* height:300px; */
			/* width:100%; */
			width:1200px;
		/* background: #1f59db; */
		display:flex;
		flex-direction:row;
		justify-content: center;
		align-items: flex-start;
		/* height:630px; */
	}
	.questions_right{
		/* border:solid 1px red; */
		/* height: 400px; */
		/* width:600px; */
		padding-right: 48px;
		background-image: url(./texture_pro.png);
		width: 600px;
    height: 560px;
    background-position: 0 90px;
    background-repeat: no-repeat;
	z-index: 1000;
	}
	.questions_left{
		padding-left: 48px;
		/* border:solid 1px green; */
		height: 400px;
		width:600px;

	}
	.questions_image{
		width: 520px;
    /* height: 857px; */
    /* margin-left: 60px; */
	margin:200px 0px 0px 60px;
	z-index: 1100;
	}
	.questions_feature_title{
		/* width:1200px; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		margin: 220px 0px 20px 0px;
		font-weight: bold;
	}
	.questions_feature_desc{
		/* width:1200px; */
		color:#273b5d;
		font-size: 24px;
		width: 480px;
		line-height: 40px;
	}
	.questions_feature_line{
		/* width:1200px; */
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.questions_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.questions_back_image{
		/* border:solid 1px red; */
	/* width:1200px; */
	height:260px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
		margin-top:-160px;
		z-index: 1200;
	}


	.wrong{
		/* border:solid 1px pink; */
			margin-top:140px;
			/* height:300px; */
			width:100%;
			/* width: 1200px; */
			/* padding-left: 48px;
			padding-right: 48px; */
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:630px; */
	}
	.wrong_row{
		/* border:solid 1px pink; */
			/* margin-top:300px; */
			/* height:300px; */
			/* width:100%; */
		/* background: #1f59db; */
		width: 1200px;
		display:flex;
		flex-direction:row;
		justify-content: center;
		align-items: flex-start;
		/* height:630px; */
	}
	.wrong_right{
		width: 600px;
		padding-right: 48px;
		/* border:solid 1px red; */
		/* height: 400px; */
		/* width:600px; */
		background-image: url(./texture_pro.png);
    height: 560px;
    /* background-position: 0 90px; */
    background-position: 0 90px;
    background-repeat: no-repeat;
	z-index: 300;
	}
	.wrong_left{
		width:600px;
		padding-left: 48px;
		/* border:solid 1px green; */
		height: 400px;

	}
	.wrong_image{
		width: 480px;
    height: 857px;
    /* margin-left: 60px; */
	margin:-80px 0px 0px 60px;
	z-index: 300;
	}
	.wrong_feature_title{
		/* width:1200px; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		margin: 220px 0px 20px 0px;
		font-weight: bold;
	}
	.wrong_feature_desc{
		/* width:1200px; */
		color:#273b5d;
		font-size: 24px;
		width: 480px;
		line-height: 40px;
	}
	.wrong_feature_line{
		/* width:1200px; */
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.wrong_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.wrong_back_image{
		/* width: 100%; */
		/* border:solid 1px yellow; */
	/* width:1200px; */
	height:260px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
		margin-top:-130px;
		z-index: 400;
	}


	.book{
		/* border:solid 1px pink; */
			margin-top:50px;
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:630px; */
	}
	.book_row{
		/* border:solid 1px pink; */
			/* margin-top:300px; */
			/* height:300px; */
			/* width:100%; */
			width:1200px;
		/* background: #1f59db; */
		display:flex;
		flex-direction:row;
		justify-content: center;
		align-items: flex-start;
		/* height:630px; */
	}
	.book_left{
		/* border:solid 1px red; */
		/* height: 400px; */
		/* width:600px; */
		padding-left: 48px;
		background-image: url(./texture_news.png);
		width: 600px;
    height: 560px;
    background-position: 0 90px;
    background-repeat: no-repeat;
	z-index: 600;
	}
	.book_right{
		padding-right: 48px;
		/* border:solid 1px green; */
		height: 400px;
		width:600px;

	}
	.book_image{
		width: 480px;
    /* height: 857px; */
    /* margin-left: 60px; */
	margin:0px 0px 0px 60px;
	z-index: 600;
	}
	.book_feature_title{
		/* width:1200px; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		margin: 240px 0px 20px 0px;
		font-weight: bold;
	}
	.book_feature_desc{
		/* width:1200px; */
		color:#273b5d;
		font-size: 24px;
	}
	.book_feature_line{
		/* width:1200px; */
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.book_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.book_back_image{
		/* border:solid 1px red; */
	/* width:1200px; */
	height:260px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
		margin-top:-130px;
		z-index: 700;
	}

	.members{
		/* border:solid 10px pink; */
			/* margin-top:-30px; */
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
		/* height:630px; */
		z-index: 2000;
	}

	.members_image{
		/* width: 480px; */
    /* height: 857px; */
    /* margin-left: 60px; */
	margin:0px 0px 0px 60px;
	z-index: 1400;
	}
	.members_main{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-end;
		width:1200px;
		z-index: 20000;
	}
	.members_feature_title{
		padding-right: 48px;
		/* border:solid 1px #0052d9; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		/* margin: 240px 0px 20px 0px; */
		font-weight: bold;
		/* z-index: 1400; */
	}
	.members_feature_desc{
		padding-right: 48px;
		color:#273b5d;
		font-size: 24px;
	}
	.members_feature_line{
		padding-right: 48px;
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.members_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}


	

	.continue{
		/* border:solid 1px pink; */
			margin-top:160px;
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:630px; */
	}
	.continue_row{
		/* border:solid 1px pink; */
			/* margin-top:300px; */
			/* height:300px; */
			/* width:100%; */
			width:1200px;
		/* background: #1f59db; */
		display:flex;
		flex-direction:row;
		justify-content: center;
		align-items: flex-start;
		/* height:630px; */
	}
	.continue_left{
		padding-left: 48px;
		/* border:solid 1px red; */
		/* height: 400px; */
		/* width:600px; */
		background-image: url(./texture_news.png);
		width: 600px;
    height: 560px;
    background-position: 0 90px;
    background-repeat: no-repeat;
	z-index: 600;
	}
	.continue_right{
		padding-right: 48px;
		/* border:solid 1px green; */
		height: 400px;
		width:600px;

	}
	.continue_image{
		width: 480px;
    height: 857px;
    /* margin-left: 60px; */
	margin:-80px 0px 0px 60px;
	z-index: 600;
	}
	.continue_feature_title{
		/* width:1200px; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		margin: 240px 0px 20px 0px;
		font-weight: bold;
	}
	.continue_feature_desc{
		/* width:1200px; */
		color:#273b5d;
		font-size: 24px;
	}
	.continue_feature_line{
		/* width:1200px; */
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.continue_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.continue_back_image{
		/* border:solid 1px red; */
	/* width:1200px; */
	height:260px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
		margin-top:-130px;
		z-index: 700;
	}


	.search{
		/* border:solid 1px pink; */
			margin-top:40px;
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:630px; */
	}
	.search_row{
		/* border:solid 1px pink; */
			/* margin-top:300px; */
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:row;
		justify-content: center;
		align-items: flex-start;
		/* height:630px; */
	}
	.search_left{
		/* border:solid 1px red; */
		/* height: 400px; */
		/* width:600px; */
		background-image: url(./texture_news.png);
		width: 600px;
    height: 560px;
    background-position: 0 90px;
    background-repeat: no-repeat;
	}
	.search_right{
		/* border:solid 1px green; */
		height: 400px;
		width:600px;

	}
	.search_image{
		width: 480px;
    height: 857px;
    /* margin-left: 60px; */
	margin:-80px 0px 0px 60px;
	}
	.search_feature_title{
		/* width:1200px; */
		color:#273b5d;
		font-size: 32px;
		font-style: italic;
		margin: 240px 0px 20px 0px;
		font-weight: bold;
	}
	.search_feature_desc{
		/* width:1200px; */
		color:#273b5d;
		font-size: 24px;
	}
	.search_feature_line{
		/* width:1200px; */
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px;
		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.search_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.search_back_image{
		/* border:solid 1px red; */
	/* width:1200px; */
	height:260px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
		margin-top:-130px;
		z-index: 200;
	}
	.body2{
		/* border: solid 1px red; */
			margin-top:355px;
			margin-bottom:200px;
			/* width:1200px; */
			/* height:300px; */
			width:100%;
		/* background: #1f59db; */
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		align-items: center;
		/* height:470px; */
	}
	.product_feature_title{
		padding-left: 48px;
		width:1200px;
		color:#273b5d;
		font-size: 40px;
		font-style: italic;
		margin: -160px 0px 20px 0px;
		font-weight: bold;
	}
	.product_feature_desc{
		padding-left: 48px;
		width:1200px;
		color:#273b5d;
		font-size: 24px;
	}
	.product_feature_line{
		padding-left: 48px;
		width:1200px;
		/* color:#0052d9; */
		height:10px;
		margin: 20px 0px 45px 0px;

		/* background:#0052d9 ; */
		/* font-size: 40px; */
	}
	.product_feature_line_block{
		width:76px; 
		height:10px;
		background:#0052d9 ;
	}
	.product_feature_one_feature{
		text-align: center;
		width: 260px;
		height: 290px;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 3px 15px 0 rgb(0 82 217 / 24%), 0 1px 4px 0 rgb(0 82 217 / 12%);
		margin-right: 30px;
	}
	.product_feature_features{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.product_feature_one_feature_icon{
		margin-top:10px;
	}
	.product_feature_one_feature_title{
		font-weight: bold;
		color:#273b5d;
		font-size: 24px;
	}
	.product_feature_one_feature_desc{
		font-size:20px;
		color:#273b5d;
		line-height:28px;
		margin:10px 10px 10px 10px;
	}
	.logo_text{
		
		width:800px;
		height:60px;
		line-height:60px;
		font-size:24px;
		margin-top:-5px;
		margin-left:10px;
		color:white;
		}
		.body1{
			/* margin-top:200px; */
			/* border:solid 2px black; */
			/* height:508px; */
			height:558px;
			width:1200px;
			/* margin-left:100px; */
/*			height: 600px;*/
		/* margin-left:100px; */
		background: #1f59db;
		display:flex;
		flex-direction:row;
		justify-content:space-around;
		/* width:2024px; */

		background: #1f59db;
    background-image:url("./pcbg.png");
    background-size: 1200px 508px;
    background-repeat: no-repeat;
    /* background-position: center 222px; */
    background-position: bottom left;
	}
		.body1_title{
	color:white;
	font-style: italic;
	font-size: 48px;
	font-weight:520;
	/* font-weight: bold; */
	margin:48px 0 15px 0px;
}
		.body1_desc{
			width:540px;
			color:white;
			font-size: 19px;
			line-height: 30px;
		}
		.body1_left{
			/* border: solid 1px yellow; */

			width: 600px;
			padding-left:48px;
		}
		.body1_right{
			/* border: solid 1px red; */
			/* position: relative; */
	margin-top:-66px;
    /* margin-left: 70px; */
    /* padding-left: 70px; */
	margin-right: 48px;;
	/* padding-right: 48px;; */
    width: 458px;
    height: 835px;
    /* background: url("./loading-back_2x.png") no-repeat; */
    background: url("./index___bg.png") no-repeat;
    background-size: 100% ;
	background-position: top right;
	z-index: 3000;

	
		}
		.down-btn {
    display: inline-block;
    width: 170px;
    height: 48px;
    background: #fff;
    border-radius: 6px;
    font-size: 0;
	color:#1f59db;
}
.miniapp{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
    border-radius: 6px;
    background: #fff;
	width: 170px;
    height: 48px;
	line-height: 48px;
	color:#1f59db;
	font-style:italic;
	font-weight: normal;
	font-size: 20px;

}
.miniapp_col{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.miniapp_top{
    border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    background: #fff;
	height: 48px;
	width: 170px;
	line-height: 48px;
	color:#1f59db;
	/* font-style:italic; */
	/* font-weight: normal; */
	font-weight: bold;
	/* font-weight: 550; */
	font-size: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.miniapp_middle_bottom{
    background: #fff;
	/* height: 48px; */
	width: 170px;
	height:150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    background: #fff;
}
.miniapp_middle{
    background: #fff;
	/* height: 48px; */
	width: 170px;
	height:140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:0px;
	/* border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    background: #fff; */
}
.miniapp_image{
	margin-top: -20px;
	width:140px;
	height: 140px;
}
.miniapp_bottom{
    border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    background: #fff;
	height: 14px;
	width: 170px;
	line-height: 24px;
	padding-bottom:10px;
	margin-top:-15px;
	/* color:#273b5d; */
	color:#1f59db;
	/* font-style:italic; */
	font-weight: normal;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;	
}
.miniapp_short_bottom{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.miniapp_short_none{
	display: none;
}

.body1_download{
	margin-top:42px;
	display: flex;
	flex-direction: row;

}
	.body1_zz{
	width:100%;
	height:70px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
/*	background: #1f59db;*/
/*	background: #1f59db;*/
/*	opacity: 1;*/
/*	background-image:url("./backtri_top.png");*/

/*
	background-image:url("./backtri_top.png");
    background-size: 100% 70px;
    background-repeat: no-repeat;
    background-position: center 222px;
	background: #1f59db;
*/
/*	border:solid 1px red;*/
		margin-top:-70px;
		z-index: 200;
	}


	.members{
		width:100%;
		/* background:#273b5d ; */
		/* height: 300px; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		/* margin-top: 120px; */
		/* padding: 60px 0 0 0; */
	}
	.footer{
		width:100%;
		background:#273b5d ;
		/* height: 300px; */
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 120px;
		padding: 60px 0 0 0;
	}
	.footer_image{
		width: 80px;  
		height: 80px;  
	}
	.footer_icon{
		/* border: solid 1px green; */
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		/* height: 300px; */
		/* width: 1200px; */
		margin-bottom: 60px;
	}
	.footer_line{
		/* border: solid white 1px; */
		height: 1px;
		line-height: 1px;
		background:#5b6981;
		width: 100%;
	}
	.footer_text{
		color:#a6aebc;
		font-size: 20px;
		padding:20px 0 20px 0;
	}
	.footer_logo_text{
		font-size:40px;
		margin-left:20px;
		color:#ffffff;
	}

#app .body1 .body1_left .body1_title .body1_title {
}
</style>
</head>
<body>
<div class="col" id="app">
	<div class="header">
		<div class="header_left">
            <div>
            <img src="浙江省高校教师资格证岗前培训2.png" class="image"></img>
            </div>
            <div class="logo_text">
           	教师资格证岗前培训
            </div>
        </div>
        


		<div class="header_right">
			<div class="header_col" style="border:solid 0px red">
				<div style="width:150px;text-align:center;"><a href="#members" class="header_link">会员权益</a></div>
				<div class="header_line"></div>
			</div>
			<div style="border:solid 0px red;margin-top:-12px;line-height:70px;height:70px;"><a href="https://www.yuque.com/docs/share/bcdcc361-b06e-4998-87cd-f40893d0e6ce?#Ul0nh" target="_blank" class="header_link" style="color:#c7d5f6;font-size:18px;">宣传片</a></div>
		</div>
	</div>
	<div class="body1">
		<div class="body1_left">
			<div class="body1_title"> <!-- <img src="pctitle1.png" style="width:400px;margin-top:100px;margin-bottom:16px;"></img> -->			  <span class="body1_title">岗前培训小程序</span>			</div>
			<div class="body1_desc">
				为浙江省高校青年教师教育理论培训考试（简称省岗培）提供全方位的备考解决方案。涵盖一对一辅导、拍照识题、视频代看、备考策略、保过班等多个维度。
			</div>
			<div class="body1_download">
				<!-- <div class="miniapp" style="margin-right:40px">
					<span style="margin-right:22px">小程序码</span>
					<span class=""><img src="./webm_2x.png" style="width:20px;margin-top:17px;"></img></span>
				</div> -->
				<div class="miniapp_col" style="margin-right:40px">
					<div :class="['miniapp_top', miniapp_top_class]" @mouseenter="enter('miniapp')" @mouseleave="leave('miniapp')">
						<span style="margin-right:22px">小程序码</span>
						<span class=""><img src="./webm_2x.png" style="width:20px;margin-top:17px;"></img></span>
					</div>
					<div :class="['miniapp_middle_bottom', miniapp_middle_bottom_class]">
						<img src="./浙江省高校教师资格证岗前培训.jpg" class="miniapp_image"></img>
					</div>
					<!-- <div class="miniapp_bottom">
						微信扫一扫
					</div> -->
				</div>
				<!-- <div class="miniapp">
					<span style="margin-right:22px">老板微信</span>
					<span class=""><img src="./webm_2x.png" style="width:20px;margin-top:17px;"></img></span>
				</div> -->
				<div class="miniapp_col" style="margin-right:40px">
					<div :class="['miniapp_top', laoban_top_class]" @mouseenter="enter('laoban')" @mouseleave="leave('laoban')">
						<span style="margin-right:22px">老板微信</span>
						<span class=""><img src="./webm_2x.png" style="width:20px;margin-top:17px;"></img></span>
					</div>
					<div :class="['miniapp_middle', laoban_middle_bottom_class]">
						<img src="./qrcode.jpg" class="miniapp_image"></img>
					</div>
					<div :class="['miniapp_bottom', laoban_middle_bottom_class]">
						备注"岗培"
					</div>
				</div>
			</div>


			
		</div>
		<!-- <div class="body1_right" style="border:solid 1px yellow"> -->
			<div class="body1_right">
<!--			<img src="./appimage_top3_2x.png" style="width:360px;margin:45px 0 0 54px"></img>-->
				<!-- <img src="./IMG_3308.PNG" style="width:320px;margin:50px 0 0 68px;border:solid 1px red"></img> -->
				<!-- <img src="./q1.PNG" style="width:365px;margin:50px 0px 0px 48px;border:solid 0px red"></img> -->
				<!-- <img src="./index__1.png" style="width:90%;height:auto;margin:28px 0px 0px 76px;border:solid 0px red"></img> -->
				<!-- <img src="./q1.PNG" style="margin:-200px 0px 0px 48px;border:solid 0px red"></img> -->
				<!-- <img :src="dataList[currentIndex]"></img> -->
				<img :src="dataList[currentIndex]" style="width:100%;margin:0px 0px 0px 0px;border:solid 0px red"></img>

				

		</div>
	</div>
<!--
	<div class="body2">
		 <img src="./backtri_top.png" style="width:1200px;z-index: 1;"></img> 
	</div>
-->

    <!-- <div style="background:red;width:1000px;height:600px;">
    	<div>纸质题库</div>
        <div> <img src="浙江省高校教师资格证岗前培训_纸质题库.jpg" class="image2"></img></div>
    </div> -->

	<div class="body1_zz">
		<img src="./backtri_top.png"></img> 
	</div>

</div>


<!--
<div style="background: yellow;height:100px;">
	
</div>
-->
<div class="body2">
	<div class="product_feature_title">产品特色</div>
	<div class="product_feature_desc">题库全，功能强大，用户体验优秀的备考产品</div>
	<div class="product_feature_line">
		<div class="product_feature_line_block"></div>
		<div class=""></div>
	</div>
	<div class="product_feature_features">
		<div class="product_feature_one_feature">
			<div class="product_feature_one_feature_icon"><img src="./t1.png" style="width:60%"></img></div>
			<div class="product_feature_one_feature_title">题目去重 </div>
			<div class="product_feature_one_feature_desc">按课程去除官方提供二十套模拟卷重复的题目</div>
		</div>
		<div class="product_feature_one_feature">
			<div class="product_feature_one_feature_icon"><img src="./t2.png" style="width:60%"></img></div>
			<div class="product_feature_one_feature_title">十九大专题</div>
			<div class="product_feature_one_feature_desc">针对高等教育法规课程提供的专有的时政题库</div>
		</div>
		<div class="product_feature_one_feature">
			<div class="product_feature_one_feature_icon"><img src="./t3.png" style="width:60%"></img></div>
			<div class="product_feature_one_feature_title">记忆技巧</div>
			<div class="product_feature_one_feature_desc">科学、高效记忆</div>
		</div>
		<div class="product_feature_one_feature">
			<div class="product_feature_one_feature_icon"><img src="./t4.png" style="width:60%"></img></div>
			<div class="product_feature_one_feature_title">不过一门退一门</div>
			<div class="product_feature_one_feature_desc">高级会员及以上支持不过一门退一门的钱</div>
		</div>
	</div>
</div>

<div class="search">
	<div class="search_row">
		<div class="search_left">
			<img src="./search2.png" class="search_image"></img>
		</div>
		<div class="search_right">
			<div class="search_feature_title">搜索高亮</div>
			<div class="search_feature_desc">长按选项或标题可以直接以该选项或标题进行检索</div>
			<div class="search_feature_line">
				<div class="search_feature_line_block"></div>
				<div class=""></div>
			</div>
		</div>
	</div>
	<div class="search_back_image">
		<img src="./backtri_right.png"></img> 
	</div>
</div>




<div class="wrong">
	<div class="wrong_row">
		<div class="wrong_left">
			<div class="wrong_feature_title">错题集</div>
			<div class="wrong_feature_desc">使用官方题库进行模拟答卷的错题会自动归集到错题集中方便集中复习</div>
			<div class="wrong_feature_line">
				<div class="wrong_feature_line_block"></div>
				<div class=""></div>
			</div>
		</div>
		<div class="wrong_right">
			<img src="./wrong2.png" class="wrong_image"></img>
		</div>
	</div>
	<div class="wrong_back_image">
		<img src="./backtri_left.png"></img> 
	</div>
</div>


<div class="continue">
	<div class="continue_row">
		<div class="continue_left">
			<img src="./continue2.png" class="continue_image"></img>
		</div>
		<div class="continue_right">
			<div class="continue_feature_title">继续教育学时</div>
			<div class="continue_feature_desc">统计每门课花费的学习时长，并可出具继续教育学时证明</div>
			<div class="continue_feature_line">
				<div class="continue_feature_line_block"></div>
				<div class=""></div>
			</div>
		</div>
	</div>
	<div class="continue_back_image">
		<img src="./backtri_right.png"></img> 
	</div>
</div>




<div class="fullreal">
	<div class="fullreal_row">
		<div class="fullreal_left">
			<div class="fullreal_feature_title">全真考场模拟</div>
			<div class="fullreal_feature_desc">使用iPad横屏可以获得更好的呈现效果</div>
			<div class="fullreal_feature_line">
				<div class="fullreal_feature_line_block"></div>
				<div class=""></div>
			</div>
		</div>
		<div class="fullreal_right">
			<img src="./ipad.png" class="fullreal_image"></img>
		</div>
	</div>
	<div class="fullreal_back_image">
		<img src="./backtri_left.png"></img> 
	</div>
</div>


<div class="book">
	<div class="book_row">
		<div class="book_left">
			<img src="./BOOK.png" class="book_image"></img>
		</div>
		<div class="book_right">
			<div class="book_feature_title">纸质题库</div>
			<div class="book_feature_desc">告别眼干、眼涩</div>
			<div class="book_feature_line">
				<div class="book_feature_line_block"></div>
				<div class=""></div>
			</div>
		</div>
	</div>
	<div class="book_back_image">
		<img src="./backtri_right.png"></img> 
	</div>
</div>


<div class="questions">
	<div class="questions_row">
		<div class="questions_left">
			<div class="questions_feature_title">题量分布</div>
			<div class="questions_feature_desc">课程难易程度一目了然</div>
			<div class="questions_feature_line">
				<div class="questions_feature_line_block"></div>
				<div class=""></div>
			</div>
		</div>
		<div class="questions_right">
			<img src="./questions.png" class="questions_image"></img>
		</div>
	</div>
	<div class="questions_back_image">
		<img src="./backtri_left.png"></img> 
	</div>
</div>


<div class="members" id="members">
	<div class="members_main">
		<div class="members_feature_title">会员权益</div>
		<div class="members_feature_desc">花钱买时间，物有所值，超预期</div>
		<div class="members_feature_line">
			<div class="members_feature_line_block"></div>
			<div class=""></div>
		</div>
	</div>
	<div>
		<img src="./members.png" class="members_image"></img>
	</div>
</div>

<div class="footer">
	<div class="footer_icon">
			<div>
				<img src="浙江省高校教师资格证岗前培训2.png" class="footer_image"></img>
			</div>
            <div class="footer_logo_text">
           	教师资格证岗前培训
            </div>
	</div>
	<div class="footer_line"></div>
	<div class="footer_text">Copyright 2009 - 2022</div>

</div>

<script type="text/javascript">
	var app = new Vue({ 
    el: '#app',
    data: {
		miniapp_top_class:"miniapp_short_bottom",
		miniapp_middle_bottom_class:"miniapp_short_none",
		laoban_top_class:"miniapp_short_bottom",
		laoban_middle_bottom_class:"miniapp_short_none",
		// miniapp_top_class:"",
		// miniapp_middle_bottom_class:"",
		// laoban_top_class:"",
		// laoban_middle_bottom_class:"",
		laoban_show:false,
		miniapp_show:false,
		dataList:["./index___1.png","index___2.png","./index___3.png"],
  currentIndex: 1,   //默认显示图片
  timer: null    //定时器
    },
	methods: {
    greet: function (event) {
      // `this` 在方法里指向当前 Vue 实例
      alert('Hello ' + this.name + '!')
      // `event` 是原生 DOM 事件
      if (event) {
        alert(event.target.tagName)
      }
    },
	enter:function(val){
		if(val=='laoban'){
			this.laoban_show = true
			this.miniapp_show = false
		}
		else{
			this.laoban_show = false
			this.miniapp_show = true
		}
		if (this.laoban_show){
			this.laoban_top_class = ""
			this.laoban_middle_bottom_class = ""
			this.miniapp_top_class = "miniapp_short_bottom"
			this.miniapp_middle_bottom_class = "miniapp_short_none"
		}
		else{
			this.laoban_top_class = "miniapp_short_bottom"
			this.laoban_middle_bottom_class = "miniapp_short_none"
			this.miniapp_top_class = ""
			this.miniapp_middle_bottom_class = ""
		}
	},
	leave:function(val){
		if(val=='laoban'){
			this.laoban_show = false
			this.miniapp_show = false
		}
		this.laoban_show = false
		this.miniapp_show = false
		if (this.laoban_show){
			this.laoban_top_class = ""
			this.laoban_middle_bottom_class = ""
			this.miniapp_top_class = "miniapp_short_bottom"
			this.miniapp_middle_bottom_class = "miniapp_short_none"
		}
		else{
			this.laoban_top_class = "miniapp_short_bottom"
			this.laoban_middle_bottom_class = "miniapp_short_none"
			this.miniapp_top_class = "miniapp_short_bottom"
			this.miniapp_middle_bottom_class = "miniapp_short_none"
		}
	},
	autoPlay () {  
      this.currentIndex++;  
      if (this.currentIndex === 2) { //当遍历到最后一张图片置零  
        this.currentIndex = 0  
      }  
    },  
    play () {  
      setInterval(this.autoPlay, 4000)  
    }
  },
created () {  
    this.play()  
  }
});
</script>
</body>
</html>
